<template>
    <div class="panlitem">
        <slot></slot>
    </div>
</template>

<script>
export default {
    name:'panlitem'
}
</script>

<style scoped>
.panlitem{
    display: flex;
    width: 100%;
    margin-top: 15px;
}
.panlitem .item{
    width: 24%;
    border: 1px solid #a39a9a;
    margin-right: 10px;
    border-radius: 10px;
    padding: 15px;
}
.panlitem .item .img{
    display: inline-block;
    width: 50%;
}
.panlitem .item .img img{
    width: 60px;
}
.panlitem .item .text{
    display: inline-block;
    width: 50%;
}
.panlitem .item .text p{
    line-height: 30px;
}
.panlitem .item .text p:nth-child(1){
    font-size: 15px;
    font-weight: bold;
}
</style>